<!-- Vue组件的模板部分，定义了用户界面 -->
<template>
  <div>
    <!-- 减少按钮，点击时会调用decrement方法 -->
    <button @click="decrement">-</button>
    <!-- 显示计数器的当前值 -->
    <span>{{ count }}</span>
    <!-- 增加按钮，点击时会调用increment方法 -->
    <button @click="increment">+</button>
  </div>
</template>

<!-- 脚本部分，包含Vue组件的数据和方法 -->
<script>
export default {
  // 组件的数据对象，用于存储数据 -->
  data() {
    return {
      // count用于存储计数器的值
      count: 0
    };
  },
  // 组件的方法，用于定义可调用的函数 -->
  methods: {
    // increment方法用于增加计数器的值 -->
    increment() {
      this.count++;
    },
    // decrement方法用于减少计数器的值 -->
    decrement() {
      this.count--;
    }
  }
};
</script>

<!-- 样式部分，用于美化组件 -->
<style>
/* 在这里添加一些样式 */
</style>
